@import "../../public/less/index.less";
body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.glo {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #F4F4F4;
  .cart-content {
    width: 100%;
    .nav-header {
      position: fixed;
      top: 0px;
      left: 0px;
      .h(100);
      width: 100%;
      background-color: #FFFFFF;
      .border-bottom(1,#E8E8E8);
      z-index: 100;
      .nav-title {
        .h(100);
        .lh(100);
        .fs(30);
        .padding(0, 90);
        text-align: center;
        .ellipsis();
      }
      .nav-edit {
        position: absolute;
        display: flex;
        align-items: center;
        .top(0);
        .left(20);
        .h(100);
        .w(100);
        .lh(100);
        .fs(24);
        .icon-img {
          display: inline-block;
          background-image: url("../../public/images/fanhui.png");
          background-size: cover;
          .h(33);
          .w(18);
        }
      }
    }
    .collect-money {
      .form-style {
        width: 100%;
        position: relative;
        .mt(100);
        ul {
          margin: 0px;
          .mb(103);
          padding: 0px;
          .list {
            .padding(0, 25);
            background-color: #FFFFFF;
            .mt(10);
            position: relative;
            .h(206);
            background-color: #FFFFFF;
            .list-up {
              position: relative;
              .border-1px(#E8E8E8);
              .h(120);
              .fs(22);
              .pt(10);
              color: #333333;
              .s-link {
                position: relative;
                .h(50);
                .lh(50);
                .link-name {
                  position: absolute;
                }
                .link-phone {
                  position: absolute;
                  .right(0px);
                }
              }
              .link-address {
                position: relative;
                .fs(22);
                .h(60);
                .lh(60);
                .address-v {
                  position: absolute;
                }
                .address-edit {
                  position: absolute;
                  .right(0px);
                  background-color: #00C4D2;
                  .padding(1,30);
                  .b-radius(10);
                  color: #FFFFFF;
                  .lh(50);
                }
              }
            }
            .list-down {
              position: relative;
              .h(40);
              .fs(26);
              color: rgba(0, 0, 0, 0.8);
              .padding(20, 0);
              .checkbox-cell {
                position: absolute;
                .left(0);
              }
              .delette {
                position: absolute;
                .right(0);
                .delet-img {
                  display: inline-block;
                  background-image: url("../../public/images/addressdelete.png");
                  background-size: cover;
                  .h(39);
                  .w(37);
                  position: absolute;
                  .right(75);
                  .top(3);
                }
                .delet-n {
                  display: inline-block;
                  .padding(5,10);
                }
              }
            }
          }
        }
        .sub-bottom {
          background-color: #00c4d2;
          .h(103);
          position: fixed;
          bottom: 0px;
          width: 100%;
          display: flex;
          align-items: center;
          text-align: center;
          color: #FFFFFF;
          .fs(30);
          .create-name {
            width: 100%;
          }
        }
      }
    }

    input[type="checkbox"] {
      display: none;
    }

    input[type="checkbox"]+label {
      display: inline-block;
      text-align: left;
      box-sizing: border-box;
      color: #333333;
    }

    label::before {
      content: "";
      display: inline-block;
      .h(42);
      .w(42);
      background-image: url("../../public/images/noselect.png");
      background-size: cover;
      vertical-align: middle;
      border-radius: 50%;
      box-sizing: border-box;
      .mr(10);
      transition: background ease-in .5s
    }

    input[type="checkbox"]:checked+label::before {
      .h(42);
      .w(42);
      border-radius: 50%;
      background-image: url("../../public/images/addressselect.png");
    }
    input[type="checkbox"]:checked+label {
      color: #00C4D2;
    }
  }
}